<script setup>
  defineProps({
    modelValue: String
  })

  const emits = defineEmits()
</script>

<template>
  <!-- 
    $event.target 是获取到 select 这个DOM元素（也是这个事件的目标元素） 
    $event.target.value 就是获取到值
  -->
  <select
    :value="modelValue"
    @change="emits('update:modelValue', $event.target.value)"
  >
    <option value="11">小明</option>
    <option value="22">小红</option>
    <option value="33">小亮</option>
    <option value="44">小美</option>
    <option value="55">小强</option>
  </select>
</template>


<style scoped></style>